<!DOCTYPE html>

<head></head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
    .zm-topic-cat-main {
        padding: 18px 0 8px;
        /* border-bottom: 1px solid #eee; */
    }

    body, ul, ol, li, p, h1, h2, h3, h4, h5 {
        margin: 0;
        padding: 0;
    }

    ul {
        display: block;
        list-style-type: disc;
        margin-block-start: 1em;
        margin-block-end: 1em;
        margin-inline-start: 0px;
        margin-inline-end: 0px;
        padding-inline-start: 40px;
    }
    body {
        font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
        /* font-size: 13px; */
        line-height: 1.7;
        word-wrap: break-word;
        color: #222;
        background-color: #fff;
    }
    .zm-topic-cat-main li {
        float: left;
        margin: 0 10px 10px 0;
        list-style: none;
    }
    li {
        display: list-item;
        text-align: -webkit-match-parent;
    }

    .zm-topic-cat-main .zm-topic-cat-item a {
        display: block;
        padding: 0 10px;
        border-radius: 30px;
        text-decoration: none;
        border: 1px solid #daecf5;
    }

    a {
        color: #259;
    }
    li {
        text-align: -webkit-match-parent;
    }
    .clearfix:after {
        clear: both;
    }
    .clearfix:before, .clearfix:after {
        display: table;
        content: "";
    }
</style>


<body>

    <ul class="zm-topic-cat-main clearfix">
        <li class="zm-topic-cat-item"><a href="#生活方式">Pathology</a></li>
    </ul>


    <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
    <script>
        abc();
        function abc() {
            var array = ['Pathology', 'ECG', 'Blood', 'Urine', 'X-Ray', 'MRI', 'CT', 'USG', 'Histology', 'Hospital', 'Clinic Document', 'Dleodiskukd', 'Dkksksk Dkkddkk Ckkkdmmwl', 'Clsjfhejfb Slslamd Dkjfoejfmjmj'];
            var html = '';
            for (var i = 0; i < array.length; i++) {
                html += '<li class="zm-topic-cat-item"><a href="#">' + array[i] + '</a></li>';
            }
            $("ul").append(html);
        }
    </script>
</body>

</html>